<template>
  <div class="home">
    <h1>{{ msg }}</h1>
    <iframe src="https://klsshanghai.m.chenzhongtech.com/s/mcc3zzUY" class="iframe">
        <p>您的浏览器不支持  iframe 标签。</p>
    </iframe>
<!--    <img class="" src="../../assets/icon-logo.jpg" height="150" width="150"/>-->
    <h1>author: BOB</h1>
    <a class="link" href="https://github.com/Henry-boter/vue-contacts">GitHub</a>
    <router-link to="/contacts" tag="a" class="link">demo</router-link>
    <router-link to="/car" tag="a" class="link">汽车全景</router-link>

  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: '网页嵌套'
    }
  }
}
</script>
<style scoped>
  .iframe{
    width: 100%;
    height: 400px;
  }
.home{
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  background-color: #f6f6f6;
}
  .link{
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    color: #333333;
    margin: 10px 0;
  }
</style>
